<!DOCTYPE html>
<html>
<head>  
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="description" content="">
  <meta name="keywords" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>账号绑定</title>
  <title></title>
  <link rel="stylesheet" type="text/css" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css">

  <style type="text/css">
    .main {
      max-width: 1024px;
      margin : 0 auto;
    }
    .avatar img {
      display : block;
      margin : 30px auto 50px auto;
    }
  </style>
</head>
<body>
  <div class="main">
    <div class="avatar">
      <img src="{{ wechat_user.headimgurl }}"  width="140" height="140">
    </div>
    <div class="am-form">
      <fieldset>
        <legend>账号绑定</legend>
        <div class="am-form-group">
          <label for="name">姓名</label>
          <input type="text" class="" id="name" placeholder="请输入姓名">
        </div>
        <div class="am-form-group">
          <label for="mobile">手机号码</label>
          <input type="text" class="" id="mobile" placeholder="请输入手机号码">
        </div>
        <!-- <div class="am-form-group">
          <label for="ticket">校验码</label>
          <input type="text" class="" id="ticket" placeholder="请输入校验码">
        </div> -->
        <div class="am-form-group">          
        </div>
        <p><button onclick="submit();" class="am-btn am-btn-default">提交</button></p>
      </fieldset>
    </div>
    <div id="error_msg" style="display:none;" class="am-alert am-alert-danger" data-am-alert></div>

    {% include "bottom.html" %}
  </div>  
</body>
<script type="text/javascript" src="/lib/jquery-2.2.4.min.js"></script>
<script type="text/javascript" src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script type="text/javascript" src="/js/bind.js"></script>
</html>